/* pages/device/info/channal/index.wxss */
.channalPage {
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.iconList {
    padding: 76rpx 0;
    display: flex;

    .item {
        width: 25%;
        display: flex;
        justify-content: center;

        .icon {
            display: flex;
            flex-direction: column;
            text-align: center;
            font-size: 24rpx;
            color: #343a40;
            gap: 14rpx;

            .iconfont {
                font-size: 52rpx;
            }
        }
    }
}

.recordList {
    padding: 24rpx;

    .empty {
        height: 460rpx;
        display: flex;
        justify-content: center;

        .info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            gap: 14rpx;
            color: #b7b9bd;
            font-size: 22rpx;
        }
        .iconfont{
            font-size: 68rpx;
        }
    }
}

.pageTitle {
    display: flex;
    justify-content: space-between;
    font-size: 20rpx;
    color: #8b8c8f;

    .left {
        display: flex;
        gap: 20rpx;
        line-height: 32rpx;
    }

    .title {
        font-size: 32rpx;
        color: #000;
        font-weight: 600;
    }

    .iconfont {
        position: relative;
        top: 2rpx;
    }
}